<template>
	<view>
		<view class="">
			<image :src="InfoData.imgurl" mode="" class="background"></image>
		</view>
		<view class="content">
			<h1>{{InfoData.title}}</h1>
			<h4 class="info" style="margin: 20rpx 0;">积分：{{InfoData.integral}}</h4>
			<p class="info">{{InfoData.content}}</p>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				InfoData: null
			}
		},
		onLoad(data) {
			console.log(JSON.parse(decodeURIComponent(data.value)));
			let res = JSON.parse(decodeURIComponent(data.value));
			if(res){
				this.InfoData = res
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	page {
		background-color: aliceblue;
	}
.background {
	width: 100%;
}
.content {
	padding: 20rpx;
	background-color: #fff;
}
.info {
	color: #b1a99e;
}
</style>
